<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../../Css/home.css">
	<!-- 统计图 开始 -->
	<script type="text/javascript" src="../../Js/echarts.js"></script>
	<!-- 	// <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
	 //    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
	 //    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script> -->
	<!-- 统计图 结束 -->


	<style type="text/css">

	</style>
</head>
<body>
	<div class="header">
		<div class="header-logo">
			<div class="logo-logo"><img src="../../Images/school.png"></div>
			<div class="logo-name">毕 业 生 就 业 创 业 跟 踪 系 统</div>
			<div class="login">
				<span>毕业生<a href="../Login/login.html"> 登 录,</a>填写就业信息</span>
			</div>
		</div>	
			<div class="header-nav">
				<div class="nav">
					<ul>
						<li><a href="../Index/index.html" class="current">首页</a></li>
						<li><a href="../Salary/index.html">工资分析</a></li>
						<li><a href="../Company/index.html">公司分析</a></li>
						<li><a href="../Employment/index.html">就业创业分析</a></li>
						<li><a href="../Related/index.html">专业的相关度</a></li>
					</ul>
				</div>
			</div>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>

	<div class="select_type">


		<!-- 页面的内容  开始 -->
		<div class="display" style="border: 1px solid #dddddd;">
			<!-- 下拉选择框 -->
			<div class="content_title_bar">
				<span>&diams;请选择查看</span>

				<div class="select_div" style="float:left;margin-left:10px;">
				    <select name="">
				        <option value="芝士">2010届</option>
				        <option value="奶油">2011届</option>
				    </select>
				</div>
				<div class="select_div" style="float:left;margin-left:10px;">
				    <select name="">
				        <option value="芝士">电子信息工程</option>
				        <option value="奶油">计算机技术</option>
				    </select>
				</div>
				<span>毕业生的就业情况</span>
			</div>

			<div class="content_title_bar">
				<span>&diams;XXX届XXX专业 --- 毕业生就业公司统计图</span>
			</div>
			

			<!-- 毕业后第一年  公司情况 -->
			<div class="content_title_bar">
				<span>&diams;毕业后第一年</span>
			</div>
			<table class="content_table">
				<tr>  
					<th>公司融资情况</th>
					<th>未融资</th>
					<th>天使轮</th>
					<th>A轮</th>
					<th>B轮</th>
					<th>C轮</th>
					<th>D轮及以上</th>
					<th>上市公司</th>
					<th>不需要融资</th>
				</tr>

				<tr>
					<th>人数</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
				</tr>
			</table>
 			<div id="container1" style="height: 100%;width:800px;height:300px; border: 1px solid #dddddd;"></div>
	       
	        <script type="text/javascript">
				var dom = document.getElementById("container1");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				option = {
				    xAxis: {
				        type: 'category',
				        data: ['未融资', '天使轮', 'A轮', 'B轮', 'C轮', 'D轮及以上', '上市公司','不需要融资']
				    },
				    yAxis: {
				        type: 'value'
				    },
				    series: [{
				        data: [10, 5, 6, 7, 1, 3, 5, 2],
				        type: 'bar'
				    }]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
	        </script>
			<!-- 环形图 -->
			<div id="container2" style="height: 300px;"></div>

			<script type="text/javascript">
				var dom = document.getElementById("container2");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				app.title = '环形图';

				option = {
				    tooltip: {
				        trigger: 'item',
				        formatter: "{a} <br/>{b}: {c} ({d}%)"
				    },
				    legend: {
				        orient: 'vertical',
				        x: 'left',
				        data:['未融资','天使轮','A轮','B轮','C轮','D轮及以上','上市公司','不需要融资']
				    },
				    series: [
				        {
				            name:'访问来源',
				            type:'pie',
				            radius: ['50%', '70%'],
				            avoidLabelOverlap: false,
				            label: {
				                normal: {
				                    show: false,
				                    position: 'center'
				                },
				                emphasis: {
				                    show: true,
				                    textStyle: {
				                        fontSize: '30',
				                        fontWeight: 'bold'
				                    }
				                }
				            },
				            labelLine: {
				                normal: {
				                    show: false
				                }
				            },
				            data:[
				                {value:10, name:'未融资'},
				                {value:5, name:'天使轮'},
				                {value:6, name:'A轮'},
				                {value:7, name:'B轮'},
				                {value:8, name:'C轮'},
				                 {value:1, name:'D轮及以上'},
				                  {value:5, name:'上市公司'},
				                  {value:5, name:'不需要融资'}
				            ]
				        }
				    ]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
      		 </script>


			<!-- 毕业后第二年  公司情况 -->
			<div class="content_title_bar">
				<span>&diams;毕业后第二年</span>
			</div>
			<table class="content_table">
				<tr>  
					<th>公司融资情况</th>
					<th>未融资</th>
					<th>天使轮</th>
					<th>A轮</th>
					<th>B轮</th>
					<th>C轮</th>
					<th>D轮及以上</th>
					<th>上市公司</th>
					<th>不需要融资</th>
				</tr>

				<tr>
					<th>人数</th>
					<td>10</td>
					<td>5</td>
					<td>6</td>		
					<td>7</td>
					<td>1</td>
					<td>3</td>
					<td>5</td>
					<td>2</td>	
				</tr>
			</table>
 			<div id="container3" style="height: 100%;width:800px;height:300px; border: 1px solid #dddddd;"></div>
	       
	        <script type="text/javascript">
				var dom = document.getElementById("container3");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				option = {
				    xAxis: {
				        type: 'category',
				        data: ['未融资', '天使轮', 'A轮', 'B轮', 'C轮', 'D轮及以上', '上市公司','不需要融资']
				    },
				    yAxis: {
				        type: 'value'
				    },
				    series: [{
				        data: [10, 5, 6, 7, 1, 3, 5, 2],
				        type: 'bar'
				    }]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
	        </script>
			<!-- 环形图 -->
			<div id="container4" style="height: 300px;"></div>

			<script type="text/javascript">
				var dom = document.getElementById("container4");
				var myChart = echarts.init(dom);
				var app = {};
				option = null;
				app.title = '环形图';

				option = {
				    tooltip: {
				        trigger: 'item',
				        formatter: "{a} <br/>{b}: {c} ({d}%)"
				    },
				    legend: {
				        orient: 'vertical',
				        x: 'left',
				        data:['未融资','天使轮','A轮','B轮','C轮','D轮及以上','上市公司','不需要融资']
				    },
				    series: [
				        {
				            name:'访问来源',
				            type:'pie',
				            radius: ['50%', '70%'],
				            avoidLabelOverlap: false,
				            label: {
				                normal: {
				                    show: false,
				                    position: 'center'
				                },
				                emphasis: {
				                    show: true,
				                    textStyle: {
				                        fontSize: '30',
				                        fontWeight: 'bold'
				                    }
				                }
				            },
				            labelLine: {
				                normal: {
				                    show: false
				                }
				            },
				            data:[
				                {value:10, name:'未融资'},
				                {value:5, name:'天使轮'},
				                {value:6, name:'A轮'},
				                {value:7, name:'B轮'},
				                {value:8, name:'C轮'},
				                 {value:1, name:'D轮及以上'},
				                  {value:5, name:'上市公司'},
				                  {value:5, name:'不需要融资'}
				            ]
				        }
				    ]
				};
				;
				if (option && typeof option === "object") {
				    myChart.setOption(option, true);
				}
      		 </script>

<!-- 最后总结这些年来的公司趋势图 -->
			<div class="content_title_bar">
				<span>&diams;毕业跟踪趋势走向图</span>
			</div>
			<div id="container5" style="height: 300px"></div>

			 <script type="text/javascript">
			var dom = document.getElementById("container5");
			var myChart = echarts.init(dom);
			var app = {};
			option = null;
			option = {
			    title: {
			        text: '毕业跟踪趋势走向图'
			    },
			    tooltip: {
			        trigger: 'axis'
			    },
			    legend: {
			        data:['未融资','天使轮','A轮','B轮','C轮','D轮及以上','上市公司','不需要融资']
			    },
			    grid: {
			        left: '3%',
			        right: '4%',
			        bottom: '3%',
			        containLabel: true
			    },
			    toolbox: {
			        feature: {
			            saveAsImage: {}
			        }
			    },
			    xAxis: {
			        type: 'category',
			        boundaryGap: false,
			        data: ['2010','2011','2012','2013','2014']
			    },
			    yAxis: {
			        type: 'value'
			    },
			    series: [
			        {
			            name:'未融资',
			            type:'line',
			            // stack: '总量',
			            data:[10, 8, 7, 4, 5]
			        },
			        {
			            name:'天使轮',
			            type:'line',
			            // stack: '总量',
			            data:[12, 8, 4, 5, 5]
			        },
			        {
			            name:'A轮',
			            type:'line',
			            // stack: '总量',
			            data:[2, 4, 5, 8, 7]
			        },
			        {
			            name:'B轮',
			            type:'line',
			            // stack: '总量',
			            data:[2, 5, 6, 6, 4]
			        },
			        {
			            name:'C轮',
			            type:'line',
			            // stack: '总量',
			            data:[2, 4, 5, 7, 8]
			        },
			        {
			            name:'D轮及以上',
			            type:'line',
			            // stack: '总量',
			            data:[10, 5, 7, 6, 7]
			        },
			        {
			            name:'上市公司',
			            type:'line',
			            // stack: '总量',
			            data:[12, 10, 8, 6, 7]
			        },
			        {
			            name:'不需要融资',
			            type:'line',
			            // stack: '总量',
			            data:[5, 8, 7, 4, 6]
			        }
			    ]
			};
			;
			if (option && typeof option === "object") {
			    myChart.setOption(option, true);
			}
			</script>
		</div>	
	</div>
	<!-- 页面的内容  结束 -->

	<!-- 页面的底部  开始 -->
<div id="foot_main">

	<div id="foot_msg">
	<hr />
		◎2018广东石油化工学院主教东905智能家居创新实验室
		版权所有，并保留所有权利。<br>
		粤ICP备15032177号-1
	</div>
	<!-- 页面的底部  结束 -->
</div>


</body>
</html>
